<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <script src="https://hkres.etalk365.com/public/lib/jquery/jquery.min.js" type="text/javascript"></script>
    <link href="../../static/videojs/video-js.css" th:href="@{/static/videojs/video-js.css}" rel="stylesheet" type="text/css">
    <script src="../../static/videojs/video.js" th:src="@{/static/videojs/video.js}"></script>
    <script>
        videojs.options.flash.swf = "../../static/videojs/video-js.swf";
    </script>

</head>
<body style="padding:0;margin: 0;" oncontextmenu="self.event.returnValue=false" onselectstart="return false" >

<div style="padding:2px;margin: 0px;" class="box">
    <video width="100%" controls class="video-js vjs-default-skin" autoplay="autoplay" oncontextmenu="return false;">
        <source src="video/video.mp4" th:src="@{'https://hnres.etalk365.com/'+${videoPath}}" type='video/mp4' />
    </video>
</div>

</body>
</html>